/*
* BSJ PC 版样式
*/

body,p,h1,h2,h3,h4,p,ul,dl,li,dt,dl{
	margin: 0px;
	padding: 0px;
}
h1,h2,h3,h4{
	font-weight: 100;
}
body{
	font-family: '微软雅黑';
	/* background-color: #C8D6E0; */
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
img{
	border: 0px;
}
.cc{
	clear: both;
}
.w{
	width: 100%;
}
header{
	text-align: center;  
	padding: 10px 0px;
	width: 100%; 
	background-color: #fff;
}
header img{
	max-width: 15%;
	max-height: 70px;
}
#banner{
	cursor: pointer;
}
#banner video{
	height: 100%;
	width: 100%;
}
#reg_btn{
	position: absolute;
	top: 0px;
	right: 4%;
	width: 6%; 
}
#reg_btn img{
	width: 100%;
}
#banner{
	width: 100%; 
	position: relative;
	background-image: url('../image/line.jpg');  
} 
.itembox{
	width: 90%;
	margin: 0px auto;
	text-align: center;
}
.itembox .item{
	display: inline-block;
	width: 23%;
	margin: 20px 1%;
	float: left;
	cursor: pointer;
}
.itembox .item em{
	display: inline-block;
	width: 100%;
	height: 120px;  
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 60%;
} 
.itembox .item p{
	display: inline-block;
	width: 100%; 
	background-position: top;
	background-repeat: no-repeat;
	background-size: 90% auto;
}

.itembox1 .item:hover em{
	background-size: auto 80%; 
}
 
.pl2{	
}
.pl2 .player2{
	width: 50%;
	height: 474px;
	float: left;
}
.pl2 .imglist{
	width: 50%;
	float: left;
}
.pl2 .imglist div{
	height: 158px;
	float: left;
	width: 33.33%;
	background-position: center;
	background-size: cover;
}
.pl2 .imglist div.w2{
	width: 66.66%;	
}
.itembox2 em{
	background-size: 100% !important;
}
.itembox2 em img{
	margin: 50px auto;
	opacity: 0.4;
}
.itembox2 em:hover img{ 
	opacity: 0.8;
}
.itembox2 {
	width: 98%; 
} 

/* focus_Box */
#focus_Box{
	position: relative;
	width: 1000px;
	height: 400px;
	margin: 0px auto;}
#focus_Box ul{
	position: relative;
	width: 1000px;
	height: 400px}
#focus_Box li{
	z-index: 0;
	position: absolute; 
	width: 0px;
	background: #787878;
	height: 0px;
	top: 146px;
	cursor: pointer;
	left: 377px;
	border-radius: 4px;
	box-shadow: 1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{
	width: 100%;
	background: url(images/loading.gif) no-repeat center 50%;
	height: 100%;
	vertical-align: top}
#focus_Box li p{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: url(images/float-bg.png?t=1332) repeat;
	text-indent: 8px;
	color: #fff;}
#focus_Box li p span{
	display: inline-block;
	width: 70%;
	height: 40px;
	overflow: hidden;}
#focus_Box .prev,#focus_Box .next{
	display: block;
	z-index: 100;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	width: 52px;
	height: 52px;
	top: 131px;}
#focus_Box .prev{
	background: url(images/btn.png?t=1332) left bottom no-repeat;
	left: 0px}
#focus_Box .next{
	background: url(images/btn.png?t=1332) right bottom no-repeat;
	right: 0px} 
#focus_Box .prev:hover{
	background-position: left top;}
#focus_Box .next:hover{
	background-position: right top;}
#focus_Box a.imgs-scroll-btn{
	display: block;
	position: absolute;
	z-index: 110;
	top: 7px;
	right: 15px;
	width: 51px;
	height: 23px;
	overflow: hidden;
	background: url(images/share-btn.png?t=1332) no-repeat;
	text-indent: -999px;}


.imglist .fl{ 
	float: left; 
} 
.imglist div.w1{ 
	width: 20%;
}

.imglist div.w2{ 
	width: 40%;
}
.imglist div.img{ 
	float: left;
	height: 150px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
} 
.imglist div.w2 div.img{
	width: 50%; 
}
.imglist div.w1 div.img{
	width: 100%; 
}
.imglist div.w2 div.img_big{
	width: 100%;
	height: 300px;
}

#reg_box{
	position: absolute;
	top: 0px;
    right: 4%;
	width: 26%;
	height: 100%;
	background-color: rgba(160,25,25,0.95);
	z-index: 10;
	display: none;
	text-align: center;
	overflow: hidden;
}
#reg_box .ig {
    width: 100%;
    margin: 10px auto;
    margin-bottom: 0%;
}


.popinfo_info{
    width: 100%;
    position: absolute;
    display: none;
    left:0px;
    top:-10000px;
}
.alink{
	color: #fff;
	font-size: 13px;
}
.alink input{
	width: 20px !important;
}
.alink a{
	color: #fff;
	margin-left: 4px;
	text-decoration: underline;
}

.popinfo_info{
    width: 100%;
    position: absolute;
    display: none;
    left:0px;
    top:-10000px;
}

#reg_box div.txt{
	background-image: url(../image/pc_reg_text.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 70%;
	margin: 15% auto;
	height: 50%; 
	margin-bottom: 5%;
}
#reg_box input{
    background-color: rgba(0,0,0,0.1);
    border: 1px rgba(255,255,255,0.3) solid;
    color: #fcfcfc;
}
.fm_box{
	text-align: center;
}
.fm_box label{
	color: #fff;
	font-size: 13px;
	width: 10%;
	margin-right: 5px;
	margin-bottom: 5px;
} 
.fm_box input{
	margin-bottom: 5px;
	border: 0px;
	width: 50%;
	padding: 0px;
}
.fm_box #sub_btn{ 
height: 20px;
margin-top: 15px;
}
#close_btn{
	position: absolute;
	right: 10px;
	top:10px;
	width: 30px;
	height: 30px;
	background-image: url(../image/close_btn.png);
	background-position: center;
	background-repeat: no-repeat;
}

#pop_image{
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 9; 
	display: none;
}
#pop_image .img{
	width: 80%;
	height: 80%;
	margin: 10%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#pop_player{
	display:none;
	position: fixed;
	top: 0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 10;
}
#pop_player video{
	width: 100%;
	height: 100%;
}

.pc_hd{
	text-align: center;
	margin-bottom: 20px;
}
.pc_hd img{
	width: 50%;
}